<div ng-controller="ComputeProposalCtrl">
    <div class="row-fluid">
  <div class="span10">
    <div class="btn-toolbar server-btn-toolbar ui-toolbar">
        <button type="button" class="btn btn-mini" ng-click="do_edit()">修改</button>
        <button type="button" class="btn btn-danger btn-mini" ng-click="do_delete()">删除</button>
    </div>
  </div>
    <div class="span2">
        <span>每页显示</span>
        <select class="input-mini" ng-model="page_size" ng-options="pz for pz in page_sizes" ng-change="change(page_size)">
        </select>
        <span>条</span>
    </div>
</div>
    <table class="table table-striped table-bordered table-condensed">
      <thead>
        <tr>
          <th><input type="checkbox" ng-model="selected_all" /></th>
          <th>名称</th>
          <th>CPU</th>
          <th>内存</th>
          <th>硬盘空间(GB)</th>
          <th>网络</th>
            <th>存储</th>
          <th>网卡类型</th>
        </tr>
      </thead>
      <tbody>
        <tr selectable="compute" ng-repeat="compute in computes">  
          <td><input type="checkbox" value="{{compute.id}}"  ng-model="selected[compute.id]" /></td>
          <td>{{compute.name}}</td>
          <td>{{compute.cpu}}</td>  
          <td>{{compute.memory}}</td>  
          <td>{{compute.disk}}</td> 
          <td>{{compute.network.name}}</td>
            <td>{{compute.storage.name}}</td>
          <td>{{compute.interface_type}}</td>
        </tr>
      </tbody>
    </table>

    <div class="pagination">
        <ul>
            <li ng-hide="should_hide()" ng-class="prev_class" ng-click="prev()"><a href="javascript:void(0);">上一页</a></li>
            <li ng-repeat="i in [] | range:page_count()" ng-hide="should_hide()" ng-click="page(i)" ng-class="(i == current_page) && 'active'">
                <a href="javascript:void(0)">{{i + 1}}</a>
            </li>
            <li ng-hide="should_hide()" ng-class="next_class" ng-click="next()"><a href="javascript:void(0);">下一页</a></li>
        </ul>
    </div>
</div>
